<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
      
<head>
<title><ui:insert name="pageTitle">#{msgs.title}</ui:insert></title>
	<style type="text/css">
		
		body {
			font-family:Arial, Helvetica, sans-serif;
		}
		.topo {
			color:#fff1bb;
			background-color:#d96600;
		}
		.footer {
			color:#d96600;
			background-color:#fff1bb;
		}
		.larguraSite {
			width:989px;
			margin-left:auto;
			margin-right:auto;
		}
		
		.menu {
			width:235px;
			height:50px;
			float:left;
			padding:0px 10px 0 20px;
			font-size:1.1em;
			font-family:Arial;
		}
		.menuUltimo {
			width:235px;
			height:50px;
			float:left;
			padding:0px 10px 0 20px;
			font-size:1.1em;
			font-family:Arial;
		}
		.flutuarDireita{
			float:left;
		}
		.flutuarEsquerda{
			float:right;
		}
		.header {
			  font-family: Verdana, Arial, Helvetica, sans-serif;
			  font-size: 18px;
		}
		.bottom {
			  font-family: Verdana, Arial, Helvetica, sans-serif;
			  font-size: 9px;
			  text-align: center;
			  vertical-align: middle;
			  color: #8E969D;
		}
	</style>
</head>

<body>
<div class="topo" style="topo">
	<div class="larguraSite">
		<ui:insert name="pageHeader">Page Header</ui:insert>
    </div>
</div>
<div>
    <ui:insert name="body">Page Body</ui:insert>
</div>
<div class="footer" style="footer">
    <ui:insert name="Rodape">Rodape</ui:insert>
</div>

</body>
		
</html>